body{
width: auto;
height: auto;
padding: 0;
margin: 0px;
background: #00313B;
background-image: url(../imagens/background.png);
background-repeat: no-repeat;
background-position: center;
}
.topo{
width: 100%;
height: 24%;
padding: 0;
margin: 0px;
  }
.logo{
width: 40%;
height: 82%;
float: left;
margin-left: 10%;
margin-top: 2%;
}
.logo img{
width: 50%;

}
.user{
width: 40%;
height: 82%;
float: right;
margin-right: 10%;
margin-top: 2%;
}
.user img{
width: 100%;
float: right;

}

.conteudo{
width: 100%;
height: 70%;
padding: 0;
margin: 0px;
}
.menu1{
width: 50%;
height: 70%;
float: left;
margin-left: 10%;

margin-top: 5%;
}
.menu1 .bloco{
background: #B21C42;
width: 40%;
height: 100%;
float: left;
margin-right: 1%;
}
.menu1 .bloco:hover{
border: solid 1px gray; 

}
.menu1 .bloco img{
width: 100%;
padding: 35%;
padding-bottom: 25%;
}
.menu1 .bloco span{
color: white;
font-size: 20px;
margin-left: 5%;
}
.menu1 .bloco2{
width: 40%;
height: 100%;
float: left;
margin-right: 1%;
}
.menu1 .bloco2 .top{
width: 100%;
height: 49%;
background: #00B91C;
}
.menu1 .bloco2 .bottom{
width: 100%;
height: 48%;
background: #F9B300;
margin-top: 3%;
}
.menu1 .bloco2 .bottom:hover{
border: solid 1px gray; 
  }
.menu1 .bloco2 .bottom img{
width: 70%;
padding: 10%;
padding-left: 35%;
padding-bottom: 6%;
}
.menu1 .bloco2 .bottom span{
color: white;
font-size: 20px;
margin-left: 5%;
}
.menu1 .bloco2 .top:hover{
border: solid 1px gray; 
  }
.menu1 .bloco2 .top img{
width: 80%;
padding: 10%;
padding-left: 35%;
padding-bottom: 13%;
}
.menu1 .bloco2 .top span{
color: white;
font-size: 20px;
margin-left: 5%;
}
.menu1 .bloco3{
background: #009D9D;
width: 17%;
height: 100%;
float: left;
}
.menu1 .bloco3:hover{
border: solid 1px gray; 
}
.menu1 .bloco3 img{
width: 100%;
padding: 25%;
padding-top: 100%;
padding-bottom: 100%;
}
.menu1 .bloco3 span{
color: white;
font-size: 20px;
margin-left: 5%;
}
.menu2{
width: 25%;
height: 70%;
float: right;
margin-right: 10%;
margin-top: 5%;
}
.rodape{
width: 100%;
height: 6%;
padding: 0;
margin: 0px;
background: rgba(0, 0, 0, 0.43);
}
.rodape img{
width: 6%;
float: right;
margin-right: 2%;
margin-top: 3px;
}
.clear{
clear: both;
}
.item1{
width: 49%;
height: 100%;
float: left;
margin-right: 2%;
}
.item_top{
width: 100%;
height: 49%;
background: #A6BF23;
}
.item_top:hover{
border: solid 1px gray; 
}
.item_top img{
width: 100%;
padding: 20%;
padding-left: 30%;
padding-bottom: 12%;

}
.item_top span{
color: white;
font-size: 20px;
margin-left: 5%;
}
.item_bottom{
width: 100%;
height: 49%;
background: #094CB5;
margin-top: 3%;
}
.item_bottom:hover{
border: solid 1px gray; 
}
.item_bottom img{
width: 100%;
padding: 20%;
padding-left: 30%;
padding-bottom: 8%;
}
.item_bottom span{
color: white;
font-size: 20px;
margin-left: 5%;
}
.item2{
width: 49%;
height: 100%;
float: left;
}
span{
color: white;
}
.Mybtn{
width: 80%;
height: 21%;
border: solid 2px white;
background: rgba(255, 255, 255, 0);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
color: white;
font-size: 100%;
}
.Mybtn:hover{
background: #14434e;
}
.picture{
width: 10%;
height: 37%;
background: #094eb6;
float: right;
margin-top: 8%;
}
.picture img{
width: 100%;
padding: 20%;
}
.user_login{
width: 22%;
float: right;
margin-top: 8%;
}
#logar{
background:rgba(1, 6, 7, 0.65);
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
top: 0px;
left: 0px;
}
.login{
width: 100%;
height: 50%;
background: #5F5F5F;
margin-top: 12%;
}

.fundo{
width: auto;
height: auto;
padding: 0;
margin: 0px;
background: #E0E0E0;

}
.menu_interno{
width: 15%;
height: 100%;
background: #00313B;
float: left;
position: fixed;
}
.menu_interno_logo{
width: 100%;
height: 20%;
}
.menu_interno_logo img{
width:90%;
margin-top: 10%;
margin-left: 3%;
}
.menu_interno_list{
width: 100%;
}
.menu_interno_rodape{
width: 100%;
height: 43%;
margin-top: 100%;
padding-top: 28%;
}
.menu_interno_rodape img{
width: 20%;
margin-left: 40%;
margin-top: 30%;
}

.lateral_esq{
width: 23%;
height: 100%;
float: right;
}
.lateral_esq img{
margin-top: 60%;
width: 80%;
margin-left: 13%;
}

.content{
width: 57%;
height: 100%;
float: left;
margin-left: 17%;

}

label{
color: white;
}
.contagem{
margin-left: 32%;
margin-top: 10%;
font-size: 20px;
}
.margintop_content{
margin-top: 5%;
}
#accordian {
	width: 100%;
	color: white;
	}
	.ul{
	width: 100%;
	padding: 0;
	margin-left: 0;
	}
	#accordian h3 {
	font-size: 20px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	margin: 0px;
	color: white;
	background: #003040; 
	background: linear-gradient(rgba(24, 23, 23, 0.3), rgba(0, 0, 0, 0.3));	
}
	#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
	}
	#accordian li {
	list-style-type: none;
	}
	#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 16px;
	line-height: 27px;
	display: block;
	padding: 0;
	transition: all 0.15s;
	}
	#accordian ul ul li a:hover {
	background: linear-gradient(rgba(24, 23, 23, 0.3), rgba(0, 0, 0, 0.3));
	border-left: 5px solid #003545;
	}
	#accordian ul ul {
	display: none;
	}
	#accordian li.active ul {
	display: block;
	}